﻿
body {font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";margin: 0;padding: 0;}
input, a{font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; text-decoration: none;}
ul, li {margin: 0px; padding: 0px;}
ul {list-style-type: none;}
a, a:active, a:visited { border: none;outline: none;}
.content {margin: 5px;}
.header {width: 100%;height: 33px;background-color: #094AB2;color: #ffffff;padding-top: 3px;padding-left: 7px;font-size: 20px;margin-bottom: 30px;}
.header .logo{float: left; width: 200px;}
.header .user-name{float: right; padding-right: 20px;}
.header .logoff{float: right; width: 88px;}
.header a {color: White;}
.header a:hover { text-decoration: underline;}
.course-box {width: 254px;height: 128px;background-color: #0d5ede;color: #ffffff;margin: 2px;float: left;cursor: pointer;border: 3px solid #ffffff;}
.course-box.clicked{border: 3px solid blue;	}
.course-box:hover {border: 3px solid #e2e2e2;    }
.course-box .title {    float: left;    padding-top: 7px;padding-left: 7px;    }
.course-box:hover .del, .course-box:hover .edit {display: block;}
.course-box .del {width: 26px;height: 26px;float: right;margin-top: 4px;    margin-right: 8px;background-image: url("../Images/delete-w.png");display: none;}
.course-box .del:hover {background-image: url("../Images/delete-b.png");    }
.course-box .registered{clear: both;float: left;margin-top: 72px;margin-left: 11px;font-size: 14px;visibility: hidden;opacity: 0.25;}
.course-box .edit {width: 26px;height: 26px;float: right;margin-right: 6px;margin-top: 72px;display: none;color: White;text-decoration: none;font-size: 14px;}
.course-box .edit:hover {text-decoration: underline;}
.course-box .registered {visibility: visible;}
.course-box.not-registered .registered {visibility: hidden;}
.course-box.not-registered {background-color: #094AB2;}
.edit-course .title{color: #094AB2;padding-bottom: 30px;	}
.edit-course  input{width: 272px;}
.edit-course button {margin-top: 10px;margin-right: 10px;float: right;}
.create-course .title{	color: #094AB2;	padding-bottom: 30px;	}
.create-course  input{	width: 306px;}
.create-course button {	margin-top: 10px;margin-right: 10px;float: right;}
a.create{text-decoration: none;float: left;color: #094AB2;}
a.create:hover{text-decoration: underline;	}
.error-msg{color: Red;}
.error-modal{padding-top: 40px;color: Red;height: 100px;}
#errormodal, #comfirmmodal{display: none;}
.comfirm-modal{padding-top: 40px;	}
.comfirm-modal .controls{margin-top: 40px;float: right;}
.login-form {font-size: 20px; width:854px; margin:0 auto;}
.login-form input{width: 302px;background-color: rgba(255, 255, 255, 0.8);border: 1px solid #BABABA;color: #212121;font-size: 100%;padding: 4px 8px; display: block;}
.login-form p {width: 302px; font-size: 14px; }
.login-form input:hover {border: 1px solid #094AB2;}
.login-form a {display: block; margin-bottom: 40px; margin-top: 7px;  color: #094AB2; text-decoration: none;}
.login-form a:hover { text-decoration: underline;}
.login-form label{font-size: 14px; }
img, .login-form>div {float: left; margin-left: 20px;}
.field-validation-error, .validation-summary-errors { width: 320px; font-size: 14px; color: Red; display: block;}
.field {margin-bottom: 20px;}




